﻿<!DOCTYPE html>
<html>
<head>
<title>发票打印</title>
<meta charset="utf-8">
<meta name="keywords" content="短照中心-湘潭市康复养老中心;">
<meta name="description" content="短照中心-湘潭市康复养老中心;">
<link rel="stylesheet" rev="stylesheet" href="css/framepage_print.css" type="text/css" media="screen,print" />
<link rel="stylesheet" rev="stylesheet" href="css/print_table.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="js/waitBox/wait.css">
<script src="js/vue.js"></script>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/JSON-js-master/json2.js"></script>
<script src="js/waitBox/wait.js"></script>
<script src="js/purl.js"></script>
<style type="text/css">
@media print {
.no_print {
	display: none;
}
@page {margin:0;}

.list_fp_div{width:120mm;height:auto;position:absolute;left:0;top:0;font-size:9pt;color:#000000;}

table.fp_space1 {
    width:120mm;
    margin:0;
    font-family: verdana,arial,sans-serif;
    font-size:10.5pt;
    color:#000000;
    border:0;
 }
table.fp_space1 th {

    border:0;
 }
table.fp_space1 td {

    border:0;height:21mm;
}
table.fp_space2 {
    width:120mm;
    margin:0;
    font-family: verdana,arial,sans-serif;
    font-size:10.5pt;
    color:#000000;
    border:0;
 }
table.fp_space2 th {

    border:0;
 }
table.fp_space2 td {

    border:0;height:5mm;
}
table.fp {
    width:120mm;
    margin:0;
    font-family: verdana,arial,sans-serif;
    font-size:10.5pt;
    color:#000000;
    border:0;
 }
table.fp th {

    border:0;
 }
table.fp td {

    border:0;
}

table.fp3 {
    width:120mm;
    margin-top:0;
    font-family: verdana,arial,sans-serif;
    font-size:10pt;
    color:#000000;
    border:0;
 }
table.fp3 th {

    border:0;
 }
table.fp3 td {

    border:0;
}

table.fp2 {
    width:120mm;
    margin-top:0;
    font-family: verdana,arial,sans-serif;
    font-size:9pt;
    color:#000000;
    border:0;
 }
table.fp2 th {

    border:0;
 }
table.fp2 td {

    border:0;
}
.ltd1{width:30mm;height:5mm;}
.ltd1b{width:30mm;height:27mm;}
.ltd1c{width:40mm;height:7mm;}
.ltd2{width:45mm;height:5mm;line-height:5mm;text-align:left;}
.ltd2b{width:75mm;height:27mm;line-height:7mm;text-align:left;}
.ltd2c{width:50mm;height:7mm;line-height:7mm;text-align:left;}
.ltd3{width:45mm;height:5mm;line-height:5mm;text-align:left;font-size:10pt;}
.ltd3c{width:30mm;height:7mm;line-height:7mm;text-align:center;font-size:9pt;}

.ltd_sp{display:block;width:29mm;height:7mm;line-height:7mm;font-size:9pt;float:left;}

}

@media screen {

.form_div ul {
	margin-top: 0;
}
.list_fp_div{width:456px;height:354px;font-size:9pt;color:#000000;}

table.fp_space1 {
    width:456px;
    margin-top:0;
    font-family: verdana,arial,sans-serif;
    font-size:10.5pt;
    color:#000000;
    border:0;
 }
table.fp_space1 th {

    border:0;
 }
table.fp_space1 td {

    border:0;height:80px;
}

table.fp_space2 {
    width:456px;
    margin-top:0;
    font-family: verdana,arial,sans-serif;
    font-size:10.5pt;
    color:#000000;
    border:0;
 }
table.fp_space2 th {

    border:0;
 }
table.fp_space2 td {

    border:0;height:19px;
}
table.fp {
    width:456px;
    margin-top:0;
    font-family: verdana,arial,sans-serif;
    font-size:10.5pt;
    color:#000000;
    border:0;
 }
table.fp th {

    border:0;
 }
table.fp td {

    border:0;
}

table.fp3 {
    width:456px;
    margin-top:0;
    font-family: verdana,arial,sans-serif;
    font-size:10pt;
    color:#000000;
    border:0;
 }
table.fp3 th {

    border:0;
 }
table.fp3 td {

    border:0;
}

table.fp2 {
    width:456px;
    margin-top:0;
    font-family: verdana,arial,sans-serif;
    font-size:9pt;
    color:#000000;
    border:0;
 }
table.fp2 th {

    border:0;
 }
table.fp2 td {

    border:0;
}
.ltd1{width:114px;height:19px;}
.ltd1b{width:114px;height:100px;}
.ltd1c{width:152px;height:25px;}
.ltd2{width:170px;height:19px;line-height:19px;text-align:left;}
.ltd2b{width:285px;height:100px;line-height:25px;text-align:left;}
.ltd2c{width:190px;height:25px;line-height:25px;text-align:left;}
.ltd3{width:170px;height:19px;line-height:19px;text-align:left;font-size:10pt;}
.ltd3c{width:114px;height:25px;line-height:25px;text-align:center;font-size:9pt;}

.ltd_sp{display:block;width:120px;height:25px;line-height:25px;font-size:9pt;float:left;}

}
</style>
</head>

<body style="background:#ffffff">

<!--新的列表样式-->
<div class="list_fp_div" id="vue_vm_list">
  <div style="margin:0;padding:0;" v-for="todo in todos">
      <table class="fp_space1">
        <tr>
          <td></td>
        </tr>
      </table>
      <table class="fp">
        <tr>
          <td class="ltd1"></td>
          <td class="ltd2"></td>
		  <td class="ltd3">{{getNowDate()}}</td>
          <!--<td class="ltd3" style="width:150px;height:24px;line-height:24px;text-align:right;">{{todo.elderBeHospitalForm.beDate}}</td>-->
        </tr>
        <tr>
          <td class="ltd1"></td>
          <td class="ltd2">{{todo.elderBeHospitalForm.elderForm.name}}</td>
          <td class="ltd3"><span style="display:block;width:30mm;margin-left:10mm;">{{todo.elderBeHospitalForm.beNumber}}</span></td>
        </tr>
      </table>
       <table class="fp_space2">
	          <tr>
	            <td></td>
	          </tr>
      </table>
      <table class="fp2">
        <tr>
          <td class="ltd1b"></td>
          <td class="ltd2b">
          <div style="margin:0;padding:0;">
            <span class="ltd_sp" style="display:block;width:145px;height:20px;line-height:20px;font-size:12px;float:left;">押金：{{todo.pledge}}元</span>
            <span class="ltd_sp" style="display:block;width:145px;height:20px;line-height:20px;font-size:12px;float:left;">总缴款：{{todo.prePay}}元</span>
            <span class="ltd_sp" style="display:block;width:145px;height:20px;line-height:20px;font-size:12px;float:left;">总费用：{{todo.totalFee}}元</span>
            <span class="ltd_sp" style="display:block;width:145px;height:20px;line-height:20px;font-size:12px;float:left;">钱包余额：{{todo.elderWalletForm.walletBalance}}元</span>
            <span class="ltd_sp" style="display:block;width:145px;height:20px;line-height:20px;font-size:12px;float:left;">保床退费：{{todo.returnMoney?todo.returnMoney:0}}元</span>
          </div>
          <div style="margin:0;padding:0;" v-for="arreaForm in todo.arreaForms">
            <span class="ltd_sp" style="display:block;width:145px;height:20px;line-height:20px;font-size:12px;float:left;">{{arreaForm.arreaDesc}}：{{arreaForm.totalArreaMoney.toFixed(2)}}元</span>
          </div>
          <div style="margin:0;padding:0;" v-for="payRecordFrom in todo.payRecordFroms">
              <span style="display:block;width:145px;height:20px;line-height:20px;font-size:12px;float:left;">{{payRecordFrom.payDesc}}：{{payRecordFrom.totalPayMoney.toFixed(2)}}元</span>
          </div>
          </td>
        </tr>
      </table>
      <table class="fp3">
        <tr>
          <td class="ltd1c"></td>
          <td class="ltd2c">{{getTotalMoney(todo).toFixed(2)}}</td>
          <td class="ltd3c"></td>
        </tr>

          <td class="ltd1c"></td>
          <td class="ltd2c">{{getTotalMoneyCN(todo)}}</td>
          <td class="ltd3c"></td>
        </tr>
          </tr>


          <td class="ltd1c"></td>
          <td class="ltd2c"></td>
          <td class="ltd3c">{{getLoginedStaffName()}}</td>
        </tr>
      </table>
  </div>
</div>

<div style="clear:both;"></div>

<div class="form_div" id="vue_vm">
  <div class="for_ie_div no_print"><!--为兼容IE-->
    <ul>
      <li>
        <input type="button" value="发票打印" class="button button1" v-on:click="printPaper(1);" style="height:38px;"/>
      </li>
      <li><span style="width:270px;">发票号码<span id="paperNum">No.</span></span></li>
    </ul>
  </div>
</div>
<script src="js/common.js"></script>
<script src="js/common_function.js"></script>
<script src="js/common_date.js"></script>
<script src="js/common_money.js"></script>
<script src="js/busi/elder_pay_total.js"></script>
<script src="js/busi/printPay.js"></script>
<script src="js/busi/printPaperCommon.js"></script>
</body>
</html>